﻿@{
    ViewBag.Title = "Chart";
}
@section jsFooter{
    <!-- Demo Scripts (remove if not needed) -->
    <script type="text/javascript" src="@Url.Content("~/Content/js/demo/demo.charts.js")"></script>
}
<!-- Panels Start -->
<div class="mws-panel grid_4">
    <div class="mws-panel-header">
        <span><i class="icon-graph"></i>Line Charts</span>
    </div>
    <div class="mws-panel-body">
        <div class="mws-panel-content">
            <div id="mws-line-chart" style="width: 100%; height: 300px;">
            </div>
        </div>
    </div>
</div>
<div class="mws-panel grid_4">
    <div class="mws-panel-header">
        <span><i class="icon-stats-up"></i>Bar Chart</span>
    </div>
    <div class="mws-panel-body">
        <div class="mws-panel-content">
            <div id="mws-bar-chart" style="width: 100%; height: 300px;">
            </div>
        </div>
    </div>
</div>
<div class="mws-panel grid_4">
    <div class="mws-panel-header">
        <span><i class="icon-chart"></i>Pie Chart 1</span>
    </div>
    <div class="mws-panel-body">
        <div class="mws-panel-content">
            <div id="mws-pie-1" style="width: 100%; height: 300px;">
            </div>
        </div>
    </div>
</div>
<div class="mws-panel grid_4">
    <div class="mws-panel-header">
        <span><i class="icon-pie-chart"></i>Pie Chart 2</span>
    </div>
    <div class="mws-panel-body">
        <div class="mws-panel-content">
            <div id="mws-pie-2" style="width: 100%; height: 300px;">
            </div>
        </div>
    </div>
</div>
<!-- Panels End -->
